{% extends "account/base.html" %}
{% load staticfiles %}

{% block title %}User Register{% endblock %}
 
{% block content %}
<h1>Create a new User</h1>
{% if user_form.errors %}
<p>Please input every items according to requirement.</p>
{% else %}
<p>Please,sigin up using the following form:</p>
{% endif %}
<form class="form-horizental" action="." method="post">{% csrf_token %}
  <div class="form-group">
  	<label for="{{ user_form.username.id_for_label }}" class="col-sm-2 control-label">Username</label>
  	<div class="col-sm-10">{{ user_form.username }}<strong style="padding-left:10px;color:red">*</strong><span>30 charcters or fewer.Usernames may contain alphanumeric, -, @, +, and - characters.</span></div>
  </div>
  <div class="form-group">
  	<label for="{{ user_form.password.id_for_label }}"class="col-sm-2 control-label">Password</label>
  	<div class="col-sm-10">{{ user_form.password }}<strong style="padding-left:10px;color:red;">*</strong><span>Becarefully:the password should be "HenMi".</span></div>
  </div>
  <div class="form-group">
  	<label for="{{ user_form.password.id_for_label }}" class="col-sm-2 control-label">Confirm Password</label>
  	<div class="col-sm-10">{{user_form.password2 }}<strong style="padding-left:10px;color:red;">*</strong><span>It must be the same as the last one.</span></div>
  </div>
  <div class="form-group">
  	<label for="{{ user_form.email.id_for_label }}" class="col-sm-2 control-label">Email</label>
  	<div class="col-sm-10">{{ user_form.email }}<strong style="padding-left:10px;color:red;">*</strong><span>please tell me your email.</span></div>
  </div>
  <div class="form-group">
  	<div class="col-sm-offset-2 col-sm-10">
  		<p><input type="submit" value="Creat a new user"></p>
  	</div>
  </div>
</form>
{% endblock %}